<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Description" content="" />
<meta name="Keywords" content="开心网,同事,白领,博客,相册,社区,交友,聊天,音乐,视频" />
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="http://xnimg.cn/imgpro/connect/connect.css" type="text/css" media="all" />
<title>游向彼岸</title>	
</head>
<body id="splash" class="splash">
<div id="header">
	<img id="logo" class="logo" src="http://xnimg.cn/imgpro/connect/img/logo.png" alt="游向彼岸" title="回到首页" width="100" height="28" />
	<div class="guide"><span class="guide">你好，<em class="user-name">李波</em></span> | <a class="register" href="#">注册</a></div>
</div>
<div id="main">
	<div id="content" class="clearfix">
		<img class="mplan" src="http://xnimg.cn/imgpro/connect/img/bg-plan.png" />
		<h1 class="welcome">欢迎来到 游向彼岸！</h1>
		<h2 class="subheading">这是一个简单的网站，你可以记录近期生活中要实现的目标、计划完成时间。</h2>
		<div class="panel">
			<form class="section">
				<h2>登录</h2>
				<p>用户名:</p>
				<p><input type="input" /></p>
				<p>密码:</p>
				<p><input type="password" /></p>
				<p><input type="image" src="http://xnimg.cn/imgpro/connect/img/btn-login.png" /></p>
				<p>还没有帐号麽？<a href="#">点击这里开始注册</a>.</p>
			</form>
			<div class="connect-login">
				<h2>你也可以通过校内账号登录！</h2>
				<p><input type="image" src="http://xnimg.cn/imgpro/connect/img/btn-connect.png" /></p>
			</div>
		</div>
	</div>
</div>
<div id="footer" class="clearfix">
	<p class="slogan">让我们一起游向彼岸</p>
</div>
</body>
</html>

